<template>
  <div class="main">
    主体组件
    <GoodsCom></GoodsCom>
    <GoodsCom></GoodsCom>
  </div>
</template>
<script>
import GoodsCom from "./GoodsCom.vue";
export default {
  components: {
    GoodsCom,
  },
  data() {
    return {};
  },
  created() {},
  computed: {},
  methods: {},
};
</script>
<style lang='less'  scoped>
.main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  flex: 1;
  height: 100px;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid blue;
}
</style>
